     //获取id为result的元素,用来显示压缩包的目录名字
     result = document.querySelector("#result");
     //获取id为file的元素并添加change事件（用户的输入框内容改变时触发事件）
     document.querySelector("#file").addEventListener("change", function (evt) {
         //设置result的HTML内容为空
         result.innerHTML = "";
         //移除id为result_block元素的属性hidden
         document.querySelector("#result_block").removeAttribute("hidden");
         //添加id为result_block元素的类，并设置为show
         document.querySelector("#result_block").setAttribute("class", "show");
         function handleFile(f) {
             //创建h4元素
             var title = document.createElement("h4");
             //h4元素的文本值设置为参数的name属性
             title.text = f.name
             //创建列表ul
             var fileContent = document.createElement("ul");
             //把ul元素和h4元素都放到id为result元素中
             document.querySelector("#result").appendChild(title)
             document.querySelector("#result").appendChild(fileContent)
             //获取data对象
             var dateBefore = new Date();
             //调用JSZip包的loadAsync方法
             JSZip.loadAsync(f)
                 .then(function (zip) {
                     //显示时间
                     var dateAfter = new Date();
                     var spann = document.createElement("SPAN");
                     spann.class = "small";
                     spann.innerHTML = "(loaded in " + (dateAfter - dateBefore) + "ms)";
                     //把存放时间的元素放到h4tilte元素中     
                     title.appendChild(spann);
                     //遍历压缩文件，将每一个压缩文件的目录名字赋值给li元素，并将这些元素添加到fileContent元素中
                     zip.forEach(function (relativePath, zipEntry) {
                         var lii = document.createElement("li");
                         lii.innerHTML = zipEntry.name;
                         console.log(zipEntry.name)
                         fileContent.appendChild(lii)
                     });
                     //存放时间
                 }, function (e) {
                     var divv = document.createElement("DIV");
                     divv.class = "alert alert-danger";
                     divv.innerHTML = "Error reading " + f.name + ": " + e.message;
                 });
         }
         //
         var files = evt.target.files;
         for (var i = 0; i < files.length; i++) {
             handleFile(files[i]);
         }
     })